<template>
  <!-- 订单标签 -->
  <view class="order-tag-list">
    <view class="order-tag-item" v-for="(item, index) in list" :key="index">
      {{ item }}
    </view>
  </view>
</template>

<script setup>
  const props = defineProps({
    list: {
      type: Array,
    },
  })
</script>
<style lang="less" scoped>
  .order-tag-list {
    margin: 14rpx 0 -12rpx;
    .order-tag-item {
      height: 32rpx;
      line-height: 32rpx;
      box-sizing: content-box;
      display: inline-block;
      font-size: 24rpx;
      padding: 0rpx 12rpx;
      border-radius: 18rpx;
      border: 1px solid #3072f6;
      background: #e0edff;
      color: #3072f6;
      margin-right: 20rpx;
      margin-bottom: 2rpx;
    }
  }
</style>
